<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8"/>
    <title>我的订单</title>
    <meta name="viewport" content="width=1000"/>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/common/sui_css.css"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/common/reset.css"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/moban.css"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/common/common.css"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/common/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/order8.css"/>
</head>

<body>
<div class="wrap">
    <!------------导航栏------------------>
    <jsp:include page="../top.jsp"></jsp:include>
    
    <!--头部部分-->
    <div class="cus_navigation">
        <div class="nav_con">
            <p>
                <a target="_blank" href="">首页</a> >
                <a target="_blank" href="">我的不二定制</a> >
                <a target="_blank" href="">我的账号</a> >
                <a target="_blank" href="">基本信息</a>
            </p>
        </div>
    </div>
    <div class="cus_content">
        <div class="xian"></div>
        
        <jsp:include page="../dingdan.jsp"></jsp:include>
        
        <!--右边代码块，注意大类的命名-->
        <div class="cus_content_right fl clearfix">
            <div class="order_o8_con">
                <h2>我的订单</h2>
                <div class="order_o8_mid">
                    <ul>
                        <li class="o8_active o8_select" id="1">
                            <a href="#">所有订单</a>
                        </li>
                        <li><span class="o8_opacity"></span></li>
                    </ul>
                    <ul>
                        <li class="o8_select" id="2">
                            <a href="#">待付款<span> ${sessionScope.ont1}</span></a>
                        </li>
                        <li><span></span></li>
                    </ul>
                    <ul>
                        <li class="o8_select" id="3">
                            <a href="#">待发货<span>${sessionScope.already}</span></a>
                        </li>
                        <li><span></span></li>
                    </ul>
                    <ul>
                        <li class="o8_select" id="4">
                            <a href="#">待收货<span>${sessionScope.wait}</span></a>
                        </li>
                        <li><span></span></li>
                    </ul>
                    <ul>
                        <li class="o8_select" id="5">
                            <a href="#">待评价<span>${sessionScope.evaluate}</span></a>
                        </li>
                        <li><span></span></li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="order_o8_bot">
                    <div class="order_o8_bot_top">
                        <ul>
                            <li>商品</li>
                            <li>单价</li>
                            <li>数量</li>
                            <li>商品操作</li>
                            <li>实付款</li>
                            <li>交易状态</li>
                            <li>交易操作</li>
                            <div class="clear"></div>
                        </ul>
                    </div>
         
			        <c:forEach items="${list}" var="order">
                    <div class="order_o8_bot_con1 o8_border_bot" id="o8_1">
                        <div class="order_o8_bot_con1_top">
                            <span>${order.order_time}<span>订单号:</span><span>
                            <a target="_blank" href="../my_order/dingdanxiangqing_1.html">${order.order_num}</a></span>
                            <img src="<%=basePath%>images/only_return/only_return_logo.png"/>
                            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=956634645&site=qq&menu=yes" target="_blank">联系客服</a>
                        </div>
                        <div class="order_o8_bot_con1_b1 o8_border">
                            <div class="order_o8_bot_con1_b1_left">
                                <ul>
                                    <li>
                                        <div class="order_o8_bot_con1_b1_left1 o8_border_bot">
                                            <a target="_blank" href="../exports/custom_detail.html">
                                            	<img src="<%=basePath%>images/only_return/only_return_cloth.jpg"/>
                                            </a>
                                            <span>
                                            	<a target="_blank" href="../exports/custom_detail.html" class="o8_a_878787">
                                            		Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男<sp>(含1件样衣)</sp>
                                            	</a>
                                            </span>
                                            <span>¥299.00</span>
                                            <span>1</span>
                                            <!--<span>尺码:<h3>L</h3></span>-->
                                            <span></span>
                                            <!--<span>性别:<h3>男</h3></span>-->
                                        </div>
                                    </li>
                                    <li>
                                        <div class="order_o8_bot_con1_b1_left1">
                                            <a target="_blank" href="../exports/custom_detail.html">
                                            	<img src="<%=basePath%>images/only_return/only_return_cloth.jpg"/>
                                            </a>
                                            <span>
                                            	<a target="_blank" href="../exports/custom_detail.html" class="o8_a_878787">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男<sp
                                                    class="o8_none">(含1件样衣)</sp>
                                                </a>
                                            </span>
                                            <span>¥299.00</span>
                                            <span>1</span>
                                            <!--<span>尺码:<h3>L</h3></span>-->
                                            <span></span>
                                            <!--<span>性别:<h3>男</h3></span>-->
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="order_o8_bot_con1_b1_left2">
                                <span>￥299.00</span>
                            </div>
                            <c:if  test="${ order.ont1==1}">
                            <div class="order_o8_bot_con1_b1_left3">
								<span>等待买家付款<br/>
								<a target="_blank" href="../my_order/dingdanxiangqing_1.html">订单详情</a></span>
                            </div>
                            <div class="order_o8_bot_con1_b1_left4">
								<span><input type="button" value="立即支付" class="input_btn_shi btn_75 o8_conf"/><br/>
								<a class="o8_mar10 o8_clearOrder">取消订单</a></span>
                            </div>
                            </c:if>
                            <c:if  test="${order.already==1}">
                            
                             <div class="order_o8_bot_con1_b1_left3 order_o8_bot_con1_b1_left5">
										<span>买家已付款<br/>
										<span class="o8_wrod">
											<b>留</b>
											<span>这里是留言信息</span>
										</span><br/>
										<a target="_blank" class="o8_mar10" href="../my_order/dingdanxiangqing_1.html">订单详情</a>
										</span>
                            </div>
                            </c:if>
                            <c:if  test="${ order.wait==1}">
                              <div class="order_o8_bot_con1_b1_left3 order_o8_bot_con1_b1_left6">
										<span>已发货<br/>
										<a target="_blank" class="o8_pad10" href="../my_order/dingdanxiangqing_1.html">订单详情</a>
										<a class="o8_relative">查看物流
										<div class="o8_check">
											<div class="o8_check_top">
												中通快递：<sp>411892422206</sp>
											</div>
											<div class="o8_check_bot">
												<ul>
													<li>快件已签收,感谢您使用中通快递!<br/><sp>2016-09-19 22:36:41</sp></li>
													<li><sp>厦门思明三部</sp>的<sp>前埔一里</sp><sp>胡平</sp>正在派件,请保持电话畅通哦! 电话:<sp>15651128707</sp><br/><sp>2016-09-19 21:05:08</sp></li>
													<li>以上为最新跟踪信息<sp class="o8_red1">查看全部</sp></li>
												</ul>
											</div>
										</div>
										</a></span>
                            </div>
                            </c:if>
                            <c:if  test="${ order.evaluate==1}">
                              <div class="order_o8_bot_con1_b1_left3 order_o8_bot_con1_b1_left6">
										<span>交易成功<br/>
										<a target="_blank" class="o8_pad10" href="../my_order/dingdanxiangqing_1.html">订单详情</a>
										<a class="o8_relative">查看物流
											<div class="o8_check">
											<div class="o8_check_top">
												中通快递：<sp>411892422206</sp>
											</div>
											<div class="o8_check_bot">
												<ul>
													<li>快件已签收,感谢您使用中通快递!<br/><sp>2016-09-19 22:36:41</sp></li>
													<li><sp>厦门思明三部</sp>的<sp>前埔一里</sp><sp>胡平</sp>正在派件,请保持电话畅通哦! 电话:<sp>15651128707</sp><br/><sp>2016-09-19 21:05:08</sp></li>
													<li>以上为最新跟踪信息<sp class="o8_red1">查看全部</sp></li>
												</ul>
											</div>
										</div></a></span>
                            </div>
                            </c:if>
                            
                            
                        </div>
                    </div>
						</c:forEach>
						
			           



                <div class="sui-pagination pagination-right pagination-small fenye">
                    <ul>
                        <li class="dotted"><span>共<span id="zongji">18</span>笔订单</span>
                        </li>
                        <li class="prev disabled">
                            <a target="_blank" href="#">&lt;</a>
                        </li>
                        <li class="activebaba">
                            <a target="_blank" href="#">1</a>
                        </li>
                        <li>
                            <a target="_blank" href="#">2</a>
                        </li>
                        <li>
                            <a target="_blank" href="#">3</a>
                        </li>
                        <li class="dotted"><span>...</span></li>
                        <li class="next">
                            <a target="_blank" href="#">&gt;</a>
                        </li>
                        <li class="dotted"><span>跳至</span></li>
                        <li class="yema">
                            <a target="_blank"><input type="text"/>页</a>
                        </li>
                        <li>
                            <a target="_blank"><input type="button" value="跳转"/></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    
    
    
    <!--遮罩层-->
    <div class="wodzz1_mask" id="shanchu1">
        <div class="wodzz2_mask">
            <span id="wodzz2_mask_dele">X</span>
            <p id="querenshanchu1">您确定要取消该订单吗？<br/>取消订单后，不能恢复。</p>
            <p id="querenshanchu2">确认收货后，订单将变为交易成功。</p>
            <p id="querenshanchu3">确定要删除该订单，删除后将不可恢复。</p>
            <a>
                <button id="wodzz2_mask_ok" class="input_btn_shi btn_175">确认</button>
                <button id="wodzz2_mask_no" class="input_btn_shi btn_175">取消</button>
            </a>
        </div>
    </div>
    <div class="wodzz1_mask" id="shanchu2">
        <div class="wodzz2_mask">
            <span id="chacha">X</span>
            <p id="shanchuchenggong">取消成功</p>
            <a></a>
        </div>
    </div>
</div>
<script src="<%=basePath %>js/common/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/common/sui.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/order.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>